<template>
	<view class='flex flex-row items-center b-secondary-7 b-bottom-solid-thin py-3' :style="{borderBottomWidth: border}">
		<view class='mr-2' v-if='label'>
			<text class='text-m color-secondary-3'>{{label}}</text>
		</view>
		<view class='flex-1' :class="{'text-right': label}">
			<text class='text-m' v-if="showText">{{value}}</text>
			<switch v-else-if="type === 'switch'" color="#54BBBA"/>
			<input class='text-m' v-else type="text" :placeholder="placeholder" placeholder-style="color: #D1D1D1"/>
		</view>
	</view>
</template>

<script>
	export default{
		props: {
			label: String,
			value: String,
			placeholder: String,
			showText: Boolean,
			border: Boolean,
			type: String
		}
	}
</script>

<style>
</style>
